.blog_background {
	padding: 60px 13px;
	background: rgb(5, 93, 83);
}
body {
    background: #efefef;
}
.blogBg {
	background: lightyellow;
	padding: 10px;
	border-radius: 10px;
}

.customer-count .count-img {
	padding: 10px 16px;
	background: gold;
	border-radius: 50%;
	margin-right: 20px;
	margin-top: -9px;
}

.bht {
	height: 250px;
}

.customer-count .count-img i {
	font-size: 38px;
	color: rgb(255 255 255)
}

.facts-number {
	margin: 90px 20px;
}

.facts-number1 {
	margin: 90px 0px;
}

p {
	font-size: 1.1rem;
	color: #666;
	line-height: 1.6;
}

.navPdng {
	padding: 1px !important;
	background-color: #ffffff !important;
	border-bottom: 1px solid rgb(0 94 83 / 76%);

}

@media (min-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1400px;
	}
}

.yellowBg {
	padding: 79px 0px !important;
	/* padding: 0px !important; */
	background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
}

.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border: 2px solid blue !important;
	/* border-color: #0c81de; */
	background-color: #18c54d !important;
}

.tripbg {
	background: #0080002e;
	margin: 10px 0px;
}

.nav-pills .nav-link {
	color: #141313 !important;
	/* background-color: #2544eb !important; */
	border: 2px solid green;
	border-radius: 6px !important;
	font-size: 16px;
	font-weight: bold;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff !important;
	background-color: #1e7e34 !important;
	border-radius: 6px !important;
	font-size: 16px;
	font-weight: bold;
}

.promo-bar {
	width: 100%;
	text-align: center;
	background: #791e3a;
	padding: 10px 0;
	color: #ffffff;
}

.promo-bar {
	font-size: 15px;
}

.navbar {
	padding: 0.5rem 1rem;
}

/*.nav-pills .nav-link {
    border-radius: .25rem;
    background: #fbfb00 !important;
    margin-right: 12px !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #191c1e !important;
}*/
.navbar-brand {
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 1rem;
	color: #333;
	font-weight: bold;
	margin-right: 118px;
}

.navbar-toggler {
	padding: 0.55rem 0.75rem;
	font-size: 1.25rem;
	line-height: 1;
	border: 1px solid transparent;
	border-radius: 0;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: none !important;
}

.table td,
.table th {
	padding: .75rem;
	vertical-align: top;
	border-top: none !important;
	vertical-align: middle;
}

/*
* ==========================================================
*     NAVBAR
* ==========================================================
*/
.navbar {
	background: #ffffff !important;
	padding-top: 7px !important;
	z-index: 998;
	border-bottom: 1px solid #ddd;
}


.navbar .navbar-toggler span {
	width: 20px;
	height: 2px;
	background: #fff;
	margin-bottom: 4px;
	display: block;
}

.navbar .navbar-toggler span:last-of-type {
	margin-bottom: 0;
}

.navbar .navbar-toggler.active span {
	margin: 0;
}


.navbar .navbar-nav a.nav-link {
	color: #fffa60;
	margin: 0 5px;
	font-weight: 400;
	font-size: 0.95em;
	white-space: nowrap;
}

.navbar .navbar-nav a.nav-link:hover {
	color: #999;
}

.navbar .navbar-nav a.nav-link:focus {
	color: #999 !important;
}

.navbar .navbar-nav a.nav-link.active {
	color: #999;
	font-weight: bold;
}

/* Navbar Media Query ------------------------------------- */
@media (max-width: 991px) {
	nav.navbar .navbar-header {
		width: 100%;
	}

	nav.navbar::after {
		width: 100%;
	}

	nav.navbar.active::after {
		width: calc(100% - 170px);
	}

	nav.navbar .search-area {
		font-size: 0.75em;
	}
}


.dropdown-item {
	font-size: 18px;
	border-bottom: 1px dashed #ebebeb;
}


@media (min-width: 992px) {
	.animate {
		animation-duration: .8s;
		-webkit-animation-duration: .8s;
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
	}
}

@keyframes slideIn {
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}

	100% {
		transform: translateY(0rem);
		opacity: 1;
	}

	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
}

@-webkit-keyframes slideIn {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		-webkit-opacity: 1;
	}

	0% {
		-webkit-transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}

.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

.navbar .navbar-nav a.nav-link {
	color: #005e53;
	margin: 0 5px;
	font-weight: bold;
	font-size: 1.15em;
	white-space: nowrap;
}


.ticker-container {
	width: 100%;
	max-width: 100vw;
	overflow: hidden;
	background: linear-gradient(45deg, #FFD700, #FFA500, #FF8C00);
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(255, 215, 0, 0.3);
	position: relative;
	padding: 36px 0;
}

.ticker-container::before,
.ticker-container::after {
	content: '';
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	z-index: 2;
	pointer-events: none;
}

.ticker-container::before {
	left: 0;
	background: linear-gradient(to right, rgba(255, 215, 0, 1), transparent);
}

.ticker-container::after {
	right: 0;
	background: linear-gradient(to left, rgba(255, 215, 0, 1), transparent);
}

.ticker-content {
	display: flex;
	animation: scroll 30s linear infinite;
	will-change: transform;
}

.ticker-content:hover {
	animation-play-state: paused;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.ticker-item {
	display: flex;
	align-items: center;
	white-space: nowrap;
	margin-right: 60px;
	min-width: fit-content;
	transition: transform 0.3s ease;
}

.ticker-item:hover {
	transform: scale(1.05);
}

.ticker-icon {
	width: 24px;
	height: 24px;
	margin-right: 12px;
	fill: #1a1a2e;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
	transition: all 0.3s ease;
}

.ticker-item:hover .ticker-icon {
	fill: #000;
	transform: rotate(90deg);
}

.ticker-text {
	font-size: 27px;
	font-weight: 600;
	color: #1a1a2e;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
	letter-spacing: 0.5px;
}

/* Responsive Design */
@media (max-width: 768px) {
	.ticker-container {
		border-radius: 8px;
		padding: 12px 0;
	}

	.ticker-item {
		margin-right: 40px;
	}

	.ticker-icon {
		width: 20px;
		height: 20px;
		margin-right: 8px;
	}

	.ticker-text {
		font-size: 14px;
	}

	.ticker-content {
		animation-duration: 25s;
	}
}

@media (max-width: 480px) {
	body {
		padding: 10px;
	}

	.ticker-container {
		border-radius: 6px;
		padding: 10px 0;
	}

	.ticker-item {
		margin-right: 30px;
	}

	.ticker-icon {
		width: 18px;
		height: 18px;
		margin-right: 6px;
	}

	.ticker-text {
		font-size: 12px;
		font-weight: 500;
	}

	.ticker-content {
		animation-duration: 20s;
	}

	.ticker-container::before,
	.ticker-container::after {
		width: 30px;
	}
}

@media (max-width: 320px) {
	.ticker-item {
		margin-right: 25px;
	}

	.ticker-text {
		font-size: 11px;
	}

	.ticker-icon {
		width: 16px;
		height: 16px;
	}
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.ticker-text {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
	body {
		background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);
	}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.ticker-content {
		animation-duration: 60s;
	}

	.ticker-item:hover {
		transform: none;
	}

	.ticker-item:hover .ticker-icon {
		transform: none;
	}
}

/* Print styles */
@media print {
	.ticker-container {
		background: #f5f5f5 !important;
		box-shadow: none !important;
	}

	.ticker-content {
		animation: none !important;
	}

	.ticker-text {
		color: #000 !important;
		text-shadow: none !important;
	}

	.ticker-icon {
		fill: #000 !important;
		filter: none !important;
	}
}

.btn {
	padding: 0.75rem 1.5rem;
	border: none;
	border-radius: 25px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-block;
}

.btn-primary {
	background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
	color: #2d5a27;
}

.btn-secondary {
	background: linear-gradient(135deg, #2d5a27 0%, #4a7c59 100%);
	color: white;
}

.btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.main-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            padding: 4rem 2rem;
            max-width: 1400px;
            margin: 0 auto;
        }

        .left-section {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .section-tag {
            color: #2d5a27;
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 1rem;
            position: relative;
        }

        .section-tag::before {
            content: '';
            position: absolute;
            left: -3rem;
            top: 50%;
            transform: translateY(-50%);
            width: 2rem;
            height: 2px;
            background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
        }

        .main-heading {
            font-size: 3.5rem;
            font-weight: 700;
            color: #2d5a27;
            line-height: 1.2;
            margin-bottom: 1.5rem;
        }

        .main-heading .highlight {
            background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .description {
            font-size: 1.1rem;
            color: #666;
            line-height: 1.6;
            margin-bottom: 2.5rem;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 1rem 2rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }

        .btn-primary {
            background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
            color: #2d5a27;
            box-shadow: 0 4px 15px rgba(255, 222, 0, 0.3);
        }

        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(255, 222, 0, 0.4);
        }

        .cta-button {
            align-self: flex-start;
            font-size: 1.1rem;
            gap: 0.5rem;
        }

        .right-section {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .process-card {
            background: white;
            border-radius: 15px;
            padding: 1.5rem;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            transition: all 0.3s ease;
            border-left: 4px solid transparent;
            position: relative;
            overflow: hidden;
        }

        .process-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 1;
        }

        .process-card:hover::before {
            opacity: 0.05;
        }

        .process-card:hover {
            transform: translateX(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            border-left-color: #ffde00;
        }

        .process-card.expanded {
            background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
            color: #2d5a27;
            transform: translateX(15px) scale(1.02);
        }

        .process-card.expanded .card-title {
            color: #2d5a27;
        }

        .process-card.expanded .card-description {
            color: #2d5a27;
        }

        .card-content {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            position: relative;
            z-index: 2;
        }

        .card-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: transform 0.3s ease;
            font-size: 1.5rem;
        }

        .process-card:hover .card-icon {
            transform: scale(1.1);
        }

        .process-card.expanded .card-icon {
            background: white;
            transform: scale(1.1);
        }

        .card-text {
            flex: 1;
        }

        .card-title {
            font-size: 1.3rem;
            font-weight: 600;
            color: #2d5a27;
            margin-bottom: 0.5rem;
        }

        .card-description {
            color: #666;
            font-size: 0.95rem;
            line-height: 1.5;
            margin-top: 0.5rem;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transition: all 0.4s ease;
            transform: translateY(-10px);
        }

        .process-card.expanded .card-description {
            max-height: 100px;
            opacity: 1;
            transform: translateY(0);
        }

        .expand-icon {
            color: #2d5a27;
            font-size: 1.2rem;
            transition: transform 0.3s ease;
            transform: rotate(0deg);
        }

        .process-card.expanded .expand-icon {
            transform: rotate(180deg);
            color: #2d5a27;
        }

        /* Mobile Responsive Styles */
        @media (max-width: 768px) {
            .main-content {
                grid-template-columns: 1fr;
                gap: 2rem;
                padding: 2rem 1rem;
            }

            .section-tag::before {
                left: -2rem;
                width: 1.5rem;
            }

            .main-heading {
                font-size: 2.5rem;
                margin-bottom: 1rem;
            }

            .description {
                font-size: 1rem;
                margin-bottom: 2rem;
            }

            .cta-button {
                font-size: 1rem;
                padding: 0.8rem 1.5rem;
            }

            .process-card {
                padding: 1rem;
            }

            .card-content {
                gap: 1rem;
            }

            .card-icon {
                width: 50px;
                height: 50px;
                font-size: 1.2rem;
            }

            .card-title {
                font-size: 1.1rem;
            }

            .card-description {
                font-size: 0.9rem;
            }

            .process-card:hover {
                transform: translateX(5px);
            }

            .process-card.expanded {
                transform: translateX(8px) scale(1.01);
            }
        }

        @media (max-width: 480px) {
            .main-content {
                padding: 1.5rem 0.8rem;
                gap: 1.5rem;
            }

            .section-tag {
                font-size: 0.8rem;
                letter-spacing: 1px;
            }

            .section-tag::before {
                left: -1.5rem;
                width: 1rem;
            }

            .main-heading {
                font-size: 2rem;
                line-height: 1.3;
            }

            .description {
                font-size: 0.95rem;
                line-height: 1.5;
            }

            .process-card {
                padding: 0.8rem;
                border-radius: 12px;
            }

            .card-content {
                flex-direction: column;
                text-align: center;
                gap: 0.8rem;
            }

            .card-icon {
                width: 45px;
                height: 45px;
                font-size: 1.1rem;
            }

            .card-title {
                font-size: 1rem;
                margin-bottom: 0.3rem;
            }

            .card-description {
                font-size: 0.85rem;
                text-align: center;
            }

            .expand-icon {
                position: absolute;
                top: 1rem;
                right: 1rem;
                font-size: 1rem;
            }

            .process-card.expanded .card-description {
                max-height: 120px;
            }
        }

        @media (max-width: 320px) {
            .main-content {
                padding: 1rem 0.5rem;
            }

            .main-heading {
                font-size: 1.8rem;
            }

            .process-card {
                padding: 0.6rem;
            }

            .card-content {
                gap: 0.6rem;
            }

            .card-icon {
                width: 40px;
                height: 40px;
                font-size: 1rem;
            }
        }

        /* Tablet Landscape */
        @media (min-width: 769px) and (max-width: 1024px) {
            .main-content {
                gap: 3rem;
                padding: 3rem 1.5rem;
            }

            .main-heading {
                font-size: 3rem;
            }

            .process-card {
                padding: 1.2rem;
            }
        }

/* Mobile specific styles */
@media (max-width: 768px) {
  .btn {
    padding: 0.625rem 1.25rem; /* 10px 20px */
    font-size: 0.8125rem; /* 13px */
    min-height: 40px;
    border-radius: 40px;
  }
}

/* Extra small mobile screens */
@media (max-width: 480px) {
  .btn {
    padding: 0.5rem 1rem; /* 8px 16px */
    font-size: 0.75rem; /* 12px */
    min-height: 36px;
    border-radius: 36px;
    width: 100%; /* Full width on very small screens */
    max-width: 280px; /* Prevent excessive stretching */
  }
}
.cnt {
	font-size: 1.1rem;
	color: #666;
	line-height: 1.6;
	margin-bottom: 2.5rem;
}

/* Pause animation on hover */
.ticker-container:hover .ticker-content {
	animation-play-state: paused;
}

.navbar .navbar-nav a.nav-link:hover {
	color: #999;
}

.navbar .navbar-nav a.nav-link:focus {
	color: #999 !important;
}


.img-text {
	bottom: 0;
	left: 0;
	right: 0;
	color: #2c2c2c;
	padding: 0;
	top: 0;
	padding: 0
}

.img-text a {
	color: #fff;
	text-decoration: underline;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase
}

.img-text a:hover {
	text-decoration: underline;
}

.img-text ul {
	margin: 0 0 10px 0;
	padding: 0
}

.img-text h5 {
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: .8px;
	margin: 0 0 15px 0;
	padding: 0;
}

.img-text p {
	font-size: 14px;
	padding: 10px 0 10px 0;
	margin: 0;
}

.img-text li {
	margin: 0;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 30px
}

.img-text li:before {
	content: "\f105";
	font: normal normal normal 13px/1 FontAwesome;
	padding: 0 12px 0 0;
}

.product span {
	display: flex;
}

.dropdown-item {
	padding: 0.5rem 1.8rem;
	display: block;
}

.navcal {

	color: #ba230b;
	font-weight: bold;
	background: #e4f8931f;
	padding: 10px;
	border-radius: 10px;
}

.logo1 {
	color: darkblue;
	font-weight: bold;
	font-family: cursive;
}

.tblink1 {
	font-weight: bold;
	animation-duration: 500ms;
	animation-name: textblink1;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@-webkit-keyframes textblink1 {

	// for android
	0% {
		color: #ffe01b;
	}

	50% {
		color: #3a68a3;
	}

	100% {
		color: #ffe01b;
	}
}

label {
	font-size: 13px;
	margin-bottom: 0rem !important;
}

.form-group {
	margin-bottom: 0rem !important;
}
 .fn18{
        font-size:38px;
    } 
.our-offers {
	position: relative;
	float: left;
	padding: 88px;
	width: 100%;
	margin-bottom: 59px;
	background: rgb(5, 93, 83);
	box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.1);
}

.our-offers-block {
	position: relative;
	float: left;
	width: 100%;
	padding: 41px 5px 0px 70px;
}

.our-offers-block h2 {
	color: #fff;
	text-shadow: -1px 0px 0px rgb(241 242 232 / 60%);
	padding-bottom: 5px;
	font-size: 26px;
}

.our-offers-block p {
	color: #c4daff;
	padding-right: 25px;
	line-height: 22px;
}

.separator {
	position: absolute;
	right: -10px;
	top: 0px;
	height: 200px;
	width: 40px;
	overflow: hidden;
}

.offers-icon {
	position: absolute;
	left: 0px;
	top: 75px;
}

.single-feature h4 .lnr {
	margin-right: 15px;
}

.fzixe {
	font-size: 14px;

	margin-right: 10px;
}

@media screen and (max-width: 1450px) {
	.our-offers-block {
		padding-top: 20px;
		padding-left: 20px;
	}

	.our-offers-block p {
		padding-right: 20px;
	}

	.navbar-dark .navbar-brand {
		color: rgba(0, 0, 0, .9);
		margin-right: 6px !important;
	}
}

@media screen and (max-width: 992px) {
	.separator {
		display: none;
	}

	.our-offers-block h2 {
		font-size: 22px;
		padding-bottom: 10px;
	}

	.our-offers {
		height: auto;
	}

	.our-offers-block {
		padding: 40px 0px;
	}

	.navbar-dark .navbar-brand {
		color: rgba(0, 0, 0, .9);
		margin-right: 0px !important;
	}
}

@media screen and (max-width: 768px) {
	.our-offers-block {
		padding: 20px 0px;
	}

	.our-offers {
		padding: 20px 0px;
	}

	.layer-main-baner {
		right: 0;
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-o-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
	}

	.lht {
		height: 70px !important;
	}

	#carousel .carousel-item {
		width: 100%;
		background: no-repeat center center scroll;
		background-size: cover;
	}

	.frombg {
		position: absolute;
		top: 91px !important;
	}
}

.feature-area {
	background-color: #f6f6f6;
}

.lht {
	height: 73px;
}

.section-gap {
	padding: 120px 0;
}

.feature-area .header-text {
	text-align: center;
}

.pb-40 {
	padding-bottom: 40px;
}

.feature-area .header-text h1 {
	margin-bottom: 20px;
}

.single-feature:hover {
	box-shadow: -14.142px 14.142px 20px 0px rgba(157, 157, 157, 0.5);
	cursor: pointer;
}

.single-feature {
	border-radius: 10px;
	background-color: #f9f9ff;
	padding: 30px;
	margin-bottom: 30px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 1px 1px 4px 0px #cccccc;
}

.single-feature:hover h4 {
	color: #fab700;
}

.single-feature h4 {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-top: 20px;
	margin-bottom: 20px;
}

.section-gap {
	padding: 120px 0;
}

@media screen and (max-width: 767px) {
	.offers-icon {
		position: absolute;
		left: 0px;
		top: -22px;

	}
}

}

.callaction-area .overlay-bg {
	background-color: rgba(4, 9, 30, 0.75);
}

.table td,
.table th {
	vertical-align: top;
	border-top: none !important;
	vertical-align: middle;
}

.vly2 {
	padding: 20px;
	background: rgb(5, 93, 83);
}

.vly2 p {
	color: white !important;
}

.form-control {
	height: 53px !important;
}

.input-group-text {

	padding: 0.375rem 1.75rem !important;
}

.vly {
	padding: 20px;
	background: #efeef2c7;
}

.overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.callaction-area p {
	padding: 20px 0;
}

.blue {
	color: #005e53;
}

.section-gap2 {
	padding: 69px 0px 37px 0
}

.callaction-btn {
	background-image: -webkit-linear-gradient(0deg, #ffffff 15px, #333 0);
	color: #fff;
	border: 1px solid transparent;
	padding: 10px 40px;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.footer-bg {
	font-weight: bold;
	color: black;
}

.yel {
	color: #f0ed23cf !important;
}

.mcar {
	border: 1px solid #f1f1f1;
	padding: 10px 0px;
	overflow: hidden;
	width: 100%;
}

.car-content {
	position: relative;

}

.abt {
	background: url(../images/bnr.png);
	background-size: cover;
	background-position: left;
	color: white;
}


.single-offers {
	text-align: center;
	padding: 20px;
	border: 3px solid #f0f0ff;
	margin-top: 30px;
}

.offer-image {
	width: 235px;
	margin: 0 auto;
	display: block;
}

.offer-image img {
	width: 100%;
}

.offer-text {
	margin-top: 20px
}

.offer-text h3 {
	font-size: 23px;
	color: #001238;
	letter-spacing: 1px;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	display: inline-block;
	text-transform: capitalize;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}

.offer-text h4 {
	color: #020202;
	font-size: 18px;
	text-transform: capitalize;
	margin-top: 8px;
}

.offer-text h4 span {
	text-transform: capitalize;
	color: #ec3323;
	font-size: 16px;
}

.offer-action {
	text-align: center;
	background: #1555b2 none repeat scroll 0 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	margin: 25px auto 0;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.offer-action a {
	display: inline-block;
	text-transform: uppercase;
	padding: 7px 15px;
	font-weight: 500;
	color: #fff;
	font-size: 14px;
	width: 47%;
}

.offer-action:after {
	position: absolute;
	content: "";
	width: 66%;
	height: 100%;
	background: #458cf2 none repeat scroll 0 0;
	right: -36px;
	z-index: -1;
	-webkit-transform: skewX(40deg);
	transform: skewX(40deg);
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.offer-action:hover {
	background: #ec3323 none repeat scroll 0 0;
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	color: white !important;
	font-weight: bold;
	background-color: rgb(17 138 250) !important;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.offer-action:hover:after {
	background: #020202 none repeat scroll 0 0;
}

.frombg {
	position: absolute;
	top: 155px;
	width: 100%;
}

.vly1 {
	padding: 7px;
	background: #e3e3e3;

	border-radius: 10px;
	box-shadow: 0px 2px 4px 3px #0abb10;
}

.offer-text ul {
	text-align: center;
	margin-top: 10px;
}

.carousel-indicators li {
	border-radius: 50%;
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 15px;
	height: 15px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #203bff !important;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: .5;
	transition: opacity .6s ease;
}

.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: -7px !important;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none;
}

.offer-text ul li {
	display: inline-block;
	font-size: 14px;
	margin: 0 3px;
}

.offer-text ul li i {
	margin-right: 5px;
	color: #ec3323
}

.section-header {
	max-width: 540px;
	padding-bottom: 35px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 10;
}

.section-header h3 {
	font-size: 32px;
	color: #260d9d;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}

.section-header p {
	text-align: center;
	padding-bottom: 30px;
}

.contact .info {
	border-top: 4px solid #0f0f0f;
	border-bottom: 4px solid #0f0f0f;
	padding: 30px;
	background: #fff;
	width: 100%;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}

.contact .info i {
	font-size: 20px;
	color: #37517e;
	float: left;
	width: 44px;
	height: 44px;
	background: #e7f5fb;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
}

.contact .info h4 {
	padding: 0 0 0 60px;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #37517e;
}

.contact .info p {
	padding: 0 0 10px 60px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #6182ba;
}

.contact .info .email p {
	padding-top: 5px;
}

.contact .info .social-links {
	padding-left: 60px;
}

.contact .info .social-links a {
	font-size: 18px;
	display: inline-block;
	background: #333;
	color: #fff;
	line-height: 1;
	padding: 8px 0;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: 0.3s;
	margin-right: 10px;
}

.contact .info .social-links a:hover {
	background: #37517e;
	color: #fff;
}

.contact .info .email:hover i,
.contact .info .address:hover i,
.contact .info .phone:hover i {
	background: #37517e;
	color: #fff;
}

.contact .php-email-form {
	width: 100%;
	border-top: 4px solid #dff625;
	border-bottom: 4px solid #fcf525;
	padding: 30px;
	background: #fff;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .php-email-form .form-group {
	padding-bottom: 8px;
}

.contact .php-email-form .validate {
	display: none;
	color: red;
	margin: 0 0 15px 0;
	font-weight: 400;
	font-size: 13px;
}

.contact .php-email-form .error-message {
	display: none;
	color: #fff;
	background: #ed3c0d;
	text-align: left;
	padding: 15px;
	font-weight: 600;
}

.contact .php-email-form .error-message br+br {
	margin-top: 25px;
}

.contact .php-email-form .sent-message {
	display: none;
	color: #fff;
	background: #18d26e;
	text-align: center;
	padding: 15px;
	font-weight: 600;
}

.contact .php-email-form .loading {
	display: none;
	background: #fff;
	text-align: center;
	padding: 15px;
}

.contact .php-email-form .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid #18d26e;
	border-top-color: #eee;
	-webkit-animation: animate-loading 1s linear infinite;
	animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	border-radius: 4px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
	border-color: #37517e;
}

.contact .php-email-form input {
	height: 44px;
}

.contact .php-email-form textarea {
	padding: 10px 12px;
}

@-webkit-keyframes s3-rotate {
	from {
		-webkit-transform: translateX(105%);
	}

	to {
		-webkit-transform: translateX(-5%);
	}
}

.v-border {
	position: relative;
}

.v-border:before {
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	height: 12px;
	background-size: 30px;
}

.v-border.yblack:before {
    background-image: -webkit-linear-gradient(0deg, #ff9e00 15px, #005e53 0);
}

.fborder .v-border:before {
	top: -12px;
}

/* Floating Button Container */
.fab-container {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	/* Spacing between buttons */
}

/* Floating Buttons */
.fab-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-size: 22px;
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	transition: 0.3s;

}

/* WhatsApp Button */
.whatsapp {
	background: #25D366;
}

.whatsapp:hover {
	background: #1ebc58;
}

/* Phone Button */
.phone {
	background: #34b7f1;
}

.phone:hover {
	background: #1b93d1;
}

/* Email Button */
.email {
	background: #f39c12;
}

.email:hover {
	background: #e08e0b;
}

.fab-container {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.fn {
	font-size: 14px !important;
	color: black;
}

#Kellton_logo {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 12px;
	text-align: center;
	border-bottom: 41px solid rgb(5, 93, 83);
	border-left: 34px solid #ffffff;
	width: 300px;
	background: rgb(5, 93, 83);
	position: relative;
	overflow: visible;


}

/* Social Icons */
.social-icons {
	display: flex;
	gap: 15px;
}

.social-icon {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.1);
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}

.social-icons a {
	color: #ffffff;

}

.social-icon:hover {
	background: #fff;
	color: #28a745;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.social-icon.facebook:hover {
	background: #3b5998;
	color: #fff;
}

.social-icon.instagram:hover {
	background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
	color: #fff;
}

.social-icon.twitter:hover {
	background: #1da1f2;
	color: #fff;
}

.social-icon.youtube:hover {
	background: #ff0000;
	color: #fff;
}

.social-icon.linkedin:hover {
	background: #0077b5;
	color: #fff;
}

.social-icon.whatsapp:hover {
	background: #25d366;
	color: #fff;
}


.why-choose .choose-left {
	position: absolute;
	left: 0;
	top: 10px;
}

.why-choose .choose-left {
	position: absolute;
	left: 0;
	top: 10px;
}

@media (max-width: 991.96px) {
	.why-choose .choose-left {
		display: none;
	}
}

.why-choose .card {
	-webkit-transition: 500ms all ease;
	-o-transition: 500ms all ease;
	transition: 500ms all ease;
	-moz-transition: 500ms all ease;
	-ms-transition: 500ms all ease;
	box-shadow: -4px -2px 24px 0px rgb(85 80 80 / 25%);
	border-radius: 10px;
}

.why-choose .card .card-body {
	padding: 13px 27px;
}

@media (max-width: 1399.96px) {
	.why-choose .card .card-body {
		padding: 24px;
	}
}

.why-choose .card .card-body .choose-img {
	margin: 0 0 20px;
	padding: 10px;
	border-radius: 10px;
	-webkit-transition: 500ms all ease;
	-o-transition: 500ms all ease;
	transition: 500ms all ease;
	-moz-transition: 500ms all ease;
	-ms-transition: 500ms all ease;
}

@media (max-width: 991.96px) {
	.why-choose .card .card-body .choose-img {
		padding: 15px;
	}
}

.why-choose .card .card-body .choose-img img {
	-webkit-transition: 500ms all ease;
	-o-transition: 500ms all ease;
	transition: 500ms all ease;
	-moz-transition: 500ms all ease;
	-ms-transition: 500ms all ease;
}

.why-choose .card .card-body .choose-black {
	background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
	text-align: center;
}

.why-choose .card .card-body .choose-secondary {
	background: #127384;
	text-align: center;
}

.why-choose .card .card-body .choose-primary {
	background: #FFA633;
	text-align: center;
}

.why-choose .card .card-body .choose-content {
	text-align: center;
}

.why-choose .card .card-body .choose-content h4 {
	font-size: 24px;
	font-weight: 600;
	color: #111;
	margin: 0 0 20px 0;
	-webkit-transition: 500ms all ease;
	-o-transition: 500ms all ease;
	transition: 500ms all ease;
	-moz-transition: 500ms all ease;
	-ms-transition: 500ms all ease;
}

@media (max-width: 991.96px) {
	.why-choose .card .card-body .choose-content h4 {
		font-size: 22px;
		margin: 0 0 15px 0;
	}
}

.why-choose .card .card-body .choose-content p {
	-webkit-transition: 500ms all ease;
	-o-transition: 500ms all ease;
	transition: 500ms all ease;
	-moz-transition: 500ms all ease;
	-ms-transition: 500ms all ease;
}

.why-choose .card:hover {
	background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
}

.why-choose .card:hover .choose-black {
	background: rgb(5, 93, 83);
}

.why-choose .card:hover .choose-secondary {
	background: #ff007c;
}

.why-choose .card:hover .choose-primary {
	background: #ff007c;
}

.why-choose .card:hover .choose-content h4 {
	color: #ffffff;
}

.why-choose .card:hover .choose-content p {
	color: #ffffff;
}

.why-choose .card:hover .choose-img {
	position: relative;
	background-image: url(../img/bg/count-bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}

.card {
	background: #ffffff;
	-webkit-box-shadow: 0 0 13px 0 rgba(82, 63, 105, 0.05);
	box-shadow: 0 0 13px 0 rgb(5, 93, 83);
	margin: 0 0 24px 0;
	display: inline-block;
	width: 100%;
	border: 0;
	border-radius: 8px;
}

.comparison-header {
	background: linear-gradient(135deg, #ffc107 0%, #ff8f00 100%);
	color: #212529;
	font-weight: 700;
}

.feature-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	flex-shrink: 0;
}

.feature-row {
	transition: all 0.3s ease;
}

.feature-row:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.advantage-cell {
	background: linear-gradient(135deg, rgba(40, 167, 69, 0.1) 0%, rgba(40, 167, 69, 0.05) 100%);
	border-left: 4px solid #28a745;
}

.disadvantage-cell {
	background: linear-gradient(135deg, rgba(220, 53, 69, 0.1) 0%, rgba(220, 53, 69, 0.05) 100%);
	border-left: 4px solid #dc3545;
}

.feature-cell {
	background: #f8f9fa;
	border-left: 4px solid #6c757d;
}

.icon-success {
	background: linear-gradient(135deg, #28a745, #20c997);
	color: white;
}

.icon-danger {
	background: linear-gradient(135deg, #dc3545, #e83e8c);
	color: white;
}

.icon-feature {
	background: linear-gradient(135deg, #6c757d, #495057);
	color: white;
}

.gold-rate-card {
	background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
	border-radius: 15px;
	box-shadow: 0 10px 30px rgba(40, 167, 69, 0.3);
}

.table-container {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.pulse-icon {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}


.carousel-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.carousel-caption {
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translate(-50%, -50%);
	color: white;
	padding: 30px;
	border-radius: 15px;
	backdrop-filter: blur(5px);
	max-width: 90%;
	text-align: left;
}

.carousel-caption h1 {
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.carousel-caption p {
	font-size: 1.2rem;
	margin-bottom: 20px;
	color: #f1f1f1;
}

.btn-custom {
	background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
	border: none;
	padding: 12px 30px;
	font-weight: bold;
	border-radius: 25px;
	transition: all 0.3s ease;
	color: white;
	text-decoration: none;
	display: inline-block;
}

.btn-custom:hover {
	transform: scale(1.05);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	color: white;
}

@media (max-width: 768px) {
	.carousel-caption h1 {
		font-size: 1.8rem;
	}

	.carousel-caption p {
		font-size: 1rem;
	}

	.carousel-caption {
		padding: 20px;
	}
}


/* Mobile Responsive Design */
@media (max-width: 768px) {
	.main_item{
		height: 300px;
	}

	.carousel-caption {
		padding: 15px;
		max-width: 95%;
		background: rgba(0, 0, 0, 0.7);
		border-radius: 10px;
	}

	.carousel-caption h1 {
		font-size: 1.5rem;
		margin-bottom: 10px;
		line-height: 1.2;
	}

	.carousel-caption p {
		font-size: 0.9rem;
		margin-bottom: 15px;
		line-height: 1.4;
	}

	.btn-custom {
		padding: 10px 20px;
		font-size: 0.9rem;
		border-radius: 20px;
	}
}

@media (max-width: 576px) {
	.main_item {
		height: 250px;
	}

	.carousel-caption {
		padding: 12px;
		max-width: 98%;
		top: 45%;
	}

	.carousel-caption h1 {
		font-size: 1.2rem;
		margin-bottom: 8px;
	}

	.carousel-caption p {
		font-size: 0.8rem;
		margin-bottom: 12px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.btn-custom {
		padding: 8px 16px;
		font-size: 0.8rem;
	}
	    .facts-number .count-group.flex-fill {
       margin-bottom: 10px;

    }
        
    .bht {
        height: 113px !Important;
    }
}
  
@media (max-width: 480px) {
	.main_item {
		height: 220px;
	}

	.carousel-caption {
		padding: 10px;
		top: 40%;
	}

	.carousel-caption h1 {
        font-size: 15px;
        margin-bottom: 26px;
        padding: 0px;
	}
    .facts-number .count-group.flex-fill {
       margin-bottom: 10px;

    }
    .fn18{
        font-size:12px;
    }        
    .bht {
        height: 113px !Important;
    }
	.carousel-caption p {
		font-size: 0.75rem;
		margin-bottom: 10px;
		-webkit-line-clamp: 1;
	}

	.btn-custom {
		padding: 6px 12px;
		font-size: 0.75rem;
	}
}

.section-tag2 {
	color: #4ccf3b;

}
.bgFooter {
    
    padding: 76px 0px 0px 0px;
    background: linear-gradient(135deg, #ffde00 0%, #f7931e 100%);
}

.facts-number .count-group.flex-fill {
    background: rgb(5, 93, 83);
    padding: 18px;
    color: white;
    border-radius: 10px;
}

.count-content p {
    color:#ffffff;
}
.count-content h4{
    color: #00ff00;
}

.form_bg{
        background: #272b1dd4;
}
.bn_bg{
    background-color: #005e53b8;
     padding: 40px; 
}